<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en" class="ace ace-card-on ace-tab-nav-on ace-main-nav-on ace-sidebar-on" data-theme-color="#c0e3e7">
{% include head.html %}

<body>
    <div class="ace-wrapper" style="background-image: url('../styles/img/background-image.jpg');background-attachment: fixed;">
 
        <header id="ace-header" class="ace-container-shift ace-logo-in ace-head-boxed ace-nav-right">
            <div class="ace-head-inner">
            </div>
        </header>

        {% include personal.html %} 

        <div id="ace-content" class="ace-container-shift">
    <div class="ace-container">
        <div id="ace-nav-wrap" class="hidden-sm hidden-xs">
            <div class="ace-nav-cont">
                <div id="ace-nav-scroll">
                    <nav id="ace-nav" class="ace-nav">
                        <ul class="clear-list">
                            <li>
                                <a href="index.html" data-tooltip="Home"><img class="avatar avatar-42" src="{{ '/styles/img/show-star.jpg' | prepend: site.baseurl }}" alt=""></a>
                            </li>
                            <li>
                                <a href="#basic_info" data-tooltip="基本信息"><span class="ace-icon ace-icon-home"></span></a>
                            </li>
                            <li>
                                <a href="#profetional-1" data-tooltip="后端技术栈"><span class="ace-icon ace-icon-coffee"></span></a>
                            </li>

                            <li>
                                <a href="#profetional-2" data-tooltip="前端技术栈"><span class="ace-icon ace-icon-pencil"></span></a>
                            </li>

                            <li>
                                <a href="#education" data-tooltip="教育经历"><span class="ace-icon ace-icon-book"></span></a>
                            </li>

                            <li>
                                <a href="#experience" data-tooltip="工作经历"><span class="ace-icon ace-icon-experience"></span></a>
                            </li>
                        </ul>
                    </nav>
                </div>

                <div id="ace-nav-tools" class="hidden">
                    <span class="ace-icon ace-icon-dots-three-horizontal"></span>

                    <button id="ace-nav-arrow" class="clear-btn">
                        <span class="ace-icon ace-icon-chevron-thin-down"></span>
                    </button>
                </div>
            </div>

            <!-- <div class="ace-nav-btm"></div> -->
        </div>
        <!-- .ace-nav-wrap -->

        <div class="ace-paper-stock">
            <main class="ace-paper clearfix">
                <div class="ace-paper-cont clear-mrg">
                    <!-- START: PAGE CONTENT -->
                    <div class="padd-box clear-mrg">

                        {% include resumer_01-basic.html %} {% include resumer_02-profetional-1.html %} {% include resumer_03-profetional-2.html %} {% include resumer_04-education.html %} {% include resumer_05-experience.html %}

                    </div>
                    <!-- .padd-box -->
                    <!-- END: PAGE CONTENT -->
                </div>
                <!-- .ace-paper-cont -->
            </main>
            <!-- .ace-paper -->
        </div>
        <!-- .ace-paper-stock -->
    </div>
    <!-- .ace-container -->
</div>
<!-- #ace-content -->

    </div>
    <!-- .ace-wrapper -->

    <!-- Scripts -->
    <script type="text/javascript" src="{{ '/styles/js/vendor/jquery-1.12.4.min.js' | prepend: site.baseurl }}"></script>
    <script type="text/javascript" src="{{ '/styles/js/plugins/highlight/highlight.pack.js' | prepend: site.baseurl }}"></script>
    <script type="text/javascript" src="{{ '/styles/js/plugins/jquery.mCustomScrollbar.min.js' | prepend: site.baseurl }}"></script>
    <script type="text/javascript" src="{{ '/styles/js/plugins/isotope.pkgd.min.js' | prepend: site.baseurl }}"></script>
    <script type="text/javascript" src="{{ '/styles/js/plugins/progressbar.min.js' | prepend: site.baseurl }}"></script>
    <script type="text/javascript" src="{{ '/styles/js/plugins/slick.min.js' | prepend: site.baseurl }}"></script>

    <script type="text/javascript" src="{{ '/styles/js/options.js' | prepend: site.baseurl }}"></script>
    <script type="text/javascript" src="{{ '/styles/js/main.js' | prepend: site.baseurl }}"></script>

</body>

</html>
